@charset "UTF-8";
/**
 * 
 * @authors liuqinglin (2961181429@qq.com)
 * @date    2016-11-21 16:57:02
 * @version $Id$
 */
 /* ******** css初始化 start *******/
html,body,ul,li,dl,dd,dt,h1,h3,form,fieldset,legend,img{
	margin:0;
	padding:0;
}
img,input{
	border:0;
}
ul,li{
	list-style: none;
}
body{
	font-size:13px;
	color:black;
	font-family: "微软雅黑";
	background-color:#D6EDF1;
}
h1,h3,b,strong{
	font-size: 16px;
	font-weight: normal;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
/*伪元素清除浮动*/
.clearfix:after{
	content:'';
	height:0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear:both;
}
.clearfix{zoom:1;}
a{
	color:black;
	text-decoration: none;
}
a:hover{color:#FF2317;}
/****css初始化 end *****/

/******* head start*******/
#head{
	height:50px;
	background-color:#09c;
	border-top: 1px solid rgba(255,255,255,0.8);
	border-bottom: 2px solid rgba(255,255,255,0.8);
	border-left: 2px solid rgba(255,255,255,0.8);
	border-right: 2px solid rgba(255,255,255,0.8);
	position: relative;
}
#head #banner{
	width: 380px;
	margin-left: 18px;
	float: left;
	position: relative;
}
#banner #logo{
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	font-weight: bold;
	color: #F7F8F8;
	cursor: pointer;
}
#banner #current_time{
	position: absolute;
	right: -20px;
	bottom: 1px;
	color:#606060;
}


#head_nav{
	position: absolute;
	top: 0px;
	right: 10px;
	float: right;
}
#head_nav>ul{

}
#head_nav ul .nav_main{
	margin-top: 12px;
	margin-right: 3px;
	float: right;
}
#head_nav .nav_main > a{
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-right: 1px solid rgba(255,255,255,0.5);
	display: block;
}
#head_nav .nav_main > a:hover{
	background-color: #FFD800;
	color: red;
}
.nav_main ul{
	background-color: #09c;
	display: none;
}
.nav_main ul>li{
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.nav_main ul li>a{
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	display: block;
}
.nav_main ul li:hover{
	background-color: #FFD800;
}
.nav_main ul li:hover a{
	color: red;
}
/******* head end*******/


/******* menu start*******/
#menu{
	width: 15%;
	margin-top: 3px;
	background-color: #fff;
	float:left;
}
	/*菜单边框 */
#menu #border{
	border-top: 1px solid rgba(0,0,0,0.2);
	border-left: 2px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
}

/* menu-main ----->li*/
#menu-content .menu-main{
	width: 100%;
	margin-bottom: 1px;
	background-color: #69BECF;
}

#menu-content .menu-main>a{
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bolder;
	display: block;
	position: relative;
}
#menu-content .menu-main span{
	margin-left:15%;
	display: block;
}
#menu-content .menu-main #icon{
	position: absolute;
	left: 5%;
	top: 13px;
}

.menu-main li{
	width: 100%;
	border-top: 1px solid #fff;
	background-color:rgba(230,240,245,0.9);
}
.menu-main li>a{
	height: 30px;
	line-height: 30px;
	padding-left: 20%;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	display: block;	
}
#menu-content a:hover{
	background-color: #09c;
	color:#EF0F13;
}
.menu-main ul{
	display: block;
}
